<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
  import WaterMark from '@/utils/waterMark.js'
  export default {
    // 局部注册的组件
    components: {},
    name: 'homePage',
    data() {
      return {
        waterMark: null,
      }
    },
    mounted() {
      // this.showMark()
    },
    // 销毁组件
    destroyed() {
      // this.hidden()
    },
    methods: {
      // 设置水印
      showMark() {
        this.waterMark = new WaterMark({
          watermark_txt: 'vue2-admin-project', // 水印的内容
          watermark_x: 50, // 水印起始位置x轴坐标
          watermark_y: 50, // 水印起始位置Y轴坐标
          watermark_rows: 0, // 水印行数
          watermark_cols: 0, // 水印列数
          watermark_x_space: 50, // 水印x轴间隔
          watermark_y_space: 50, // 水印y轴间隔
          watermark_width: 150, // 水印宽度
          watermark_height: 100, // 水印长度
          watermark_angle: 40, // 水印倾斜度数
          watermark_fontsize: '22px',  //水印字体大小
          monitor: false,
        })
      },
      // 隐藏水印
      hidden() {
        if (this.waterMark) {
          this.waterMark.remove()
        }
      },
    },
  }
</script>

<style lang="scss" scoped>

</style>
